body,html {
margin:0;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

.loading {
background-image: url(images/loading_black.gif);
background-repeat:no-repeat;
background-position: center;
}

p {
    margin:10px;
}

.caja {
min-height:20px;
margin-left:20px;
}

.cke_skin_kama {
    clear:both;
    float:left;
    margin-top: 15px;
}

#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
background-image: url(images/loading_white.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center;
}

.ui-dialog {
position:fixed !important;
}

fieldset.login {
border: 1px solid #A2E200;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
margin:auto 0 auto 0;
width:25%;
display:block;
margin:10px;
padding:10px;
}

fieldset.login legend {
color:#A2E200;
font-family: Georgia;
font-weight: bold;
}

fieldset.login label {
font-size:10px;
margin-bottom: 5px;
}

h1 {
font-family: Georgia;
font-size:20px;
color:#A2E200;
width:98%;
display:block;
border-bottom:1px dotted #A2E200;
margin:10px 10px;
padding:0;
clear:both;
}

h2 {
font-family: Georgia;
font-size:15px;
color:#000;
width:98%;
display:block;
border-bottom:1px dotted #A2E200;
margin:10px 10px;
padding:0;
clear:both;
}

#header .logout {
padding:10px;
margin:10px 10px 10px 0px;
position:relative;
float:right;
border:1px solid #A2E200;
background-color: #A2E200;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:120px;
text-align:right;
color:white;
font-weight: bold;
background: #A2E200 url(images/logout_off.png) no-repeat 10px center;
}

#header .configuration {
padding:10px;
margin:10px 10px 10px 0px;
position:relative;
float:right;
border:1px solid #A2E200;
background-color: #A2E200;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:120px;
text-align:right;
color:white;
font-weight: bold;
background-image: url(images/configuration.png);
background-repeat: no-repeat;
background-position: 10px center;
}

#header #welcome {
    padding:4px;
    margin:10px 10px 10px 0px;
    position:relative;
    float:right;
    border:1px solid #A2E200;
    background-color: #A2E200;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align:right;
    color:white;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 10px;
}

#header #welcome a {
    color: white;
    
}

#header .configuration:hover {
    color:black;
    background-color: white;
}

#header #logo {
    margin:10px;
    width: 250px;
    height: 69px;
    background: url("images/logo.jpg") no-repeat center center;
    float:left;
}

#header .logout:hover {
    background-image: url(images/logout_on.png);
    color:black;
    background-color: white;
}

#nav {
width:100%;
float:left;
clear:both;
height:60px;
position:relative;
}

.menu {
margin:0px;
padding:0px;
position:absolute;
display:block;
}

.menu > li {
list-style-type: none;
float: left;
display: block;
margin: 0px 10px;
position: relative;
padding: 10px;
width: 100px;
background-color: #808080;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
text-align:center;
}

.menu li.active {
    background-color: white;
    border:1px solid gray;
}

.menu > li a {
color:#A2E200;
}

.menu > li:hover ul {
display:block;
}

.menu li ul {
margin:0px;
padding:0px;
display:none;
}

.menu li ul li {
list-style-type: none;
margin:10px 0 0 0;
}

.menu li ul li a {
display: block;
padding:5px 10px;
color:#A2E200;
text-decoration: none;
}

.menu li ul li:hover a {
background-color:#606060;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.menu li span {
cursor:pointer;
margin: 0px 10px;
font-weight: bold;
}

form p {
clear:both;
margin: 10px;
padding: 10px;
}

form a {
color:black;
font-weight: bold;
text-decoration: underline;
}

form p label {
float:left;
display:block;
width:125px;
margin:0 10px;
clear:both;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:1px solid #BBB;
background-color: #BBB;
text-align:right;
padding-right:5px;
}

form p label a {
color:white;
font-weight: bold;
}

form p label.error {
    clear: none;
    width:300px;
    background:none;
    border:none;
    color:#AA0000;
    text-align: left;
}

form p label.loading {
    background: url('images/loading_black.gif') no-repeat center center;
    height:16px;
    width: 300px;
}

form p input, form p select, form p textarea {
float:left;
}

form .error {
background-color:#AA0000;
color:white;
}

form p input {
border:none;
border-bottom: 1px solid #BBB;
width:200px;
background-color: #EEE;
}

.relation {margin-left: 10px;}

form .ui-widget-content ul.checkbox{
float: left;
clear: both;
display: block;
list-style: none;
}

.cleditorMain {
clear:both;
width:600px;
height:260px;
}

form p .button {
    width:110px;
    margin-right:10px;
}

#tabs {
margin:20px 10px 0px; 10px;
width:98%;
float:left;
padding-bottom:10px;
}

form fieldset {
clear:both;
width:95%;
margin:30px 10px 0;
}

form fieldset input {
clear:both;
float:left;
}

form fieldset span {
float:left;
}

#recordset_previous {
    width: 30px;
    height: 30px;
    float: left;
    background: url("images/icons/99.png");
    background-size: cover;
    cursor: pointer;
}

#recordset_next {
    float: right;
    width: 30px;
    height: 30px;
    background: url("images/icons/98.png");
    background-size: cover;
    cursor: pointer;
}

#recordset_paginate {
    width: 75px;
    margin: 15px;
    float: right;
}